<template>
  <div>


    <div class="common-layout">
      <el-container>
        <el-header>
            <div  style="text-align: right">
              <el-avatar style="margin-right: 20px">
                <el-icon><UserFilled /></el-icon>
              </el-avatar>
              <router-link to="">库存</router-link>
              <el-divider direction="vertical" />
              <router-link to="">订货单</router-link>
              <el-divider direction="vertical" />
              <router-link to="">消息</router-link>
              <el-divider direction="vertical" />
              <router-link to="">退出登录</router-link>
            </div>
          <el-divider />
        </el-header>

        <el-main>
          <router-view/>
        </el-main>
      </el-container>
    </div>


  </div>
</template>

<script>
export default {
  data() {
    return {
    }
  }
}
</script>

<style scoped>
.el-header{
  height: 40px;
}
.router-link{
  color:black
}
</style>